/* ./your-css-folder/styles.css */
h2 {
  font-size: 20px;
  font-weight: bold;
  color: #515a6e;
}
.margin-top-8 {
  margin-top: 8px;
}
.margin-top-10 {
  margin-top: 10px;
}
.margin-top-20 {
  margin-top: 20px;
}
.margin-left-10 {
  margin-left: 10px;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}
.margin-bottom-100 {
  margin-bottom: 100px;
}
.margin-right-10 {
  margin-right: 10px;
}
.padding-left-6 {
  padding-left: 6px;
}
.padding-left-8 {
  padding-left: 5px;
}
.padding-left-10 {
  padding-left: 10px;
}
.padding-left-20 {
  padding-left: 20px;
}
.height-100 {
  height: 100%;
}
.height-120px {
  height: 100px;
}
.height-200px {
  height: 200px;
}
.height-492px {
  height: 492px;
}
.height-460px {
  height: 460px;
}
.line-gray {
  height: 0;
  border-bottom: 2px solid #dcdcdc;
}
.notwrap {
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ellipsis_2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.padding-left-5 {
  padding-left: 10px;
}
[v-cloak] {
  display: none;
}
.flex-c {
  display: flex;
  align-items: center;
}
.flex {
  display: flex;
}
.m30 {
  margin-top: 30px;
}
.p16 {
  box-sizing: border-box;
  padding: 0.8333vw;
}
.pl-15 {
  padding-left: 2vw;
  box-sizing: border-box;
}
.p10 {
  box-sizing: border-box;
  padding: 0.5208vw;
}
.p6 {
  box-sizing: border-box;
  padding: 0.3125vw;
}
.p20 {
  box-sizing: border-box;
  padding: 1.0417vw;
}
.m20 {
  margin-top: 1.0417vw;
}
.mt-10 {
  margin-top: 0.5208vw;
}
.mt-15 {
  margin-top: 0.7813vw;
}
.mt-20 {
  margin-top: 1.0417vw;
}
.mt-24 {
  margin-top: 1.25vw;
}
.mt-30 {
  margin-top: 1.5625vw;
}
.mt-40 {
  margin-top: 2.0833vw;
}
.mt-50 {
  margin-top: 2.6042vw;
}
.mb-5 {
  margin-bottom: 0.2604vw;
}
.mb-13 {
  margin-bottom: 0.6771vw;
}
.mb-15 {
  margin-bottom: 0.7813vw;
}
.mb-16 {
  margin-bottom: 0.8333vw;
}
.mb-20 {
  margin-bottom: 1.0417vw;
}
.mb-30 {
  margin-bottom: 1.5625vw;
}
.ml-5 {
  margin-left: 0.2604vw;
}
.ml-10 {
  margin-left: 0.5208vw;
}
.ml-15 {
  margin-left: 0.7813vw;
}
.ml-30 {
  margin-left: 1.5625vw;
}
.ml-20 {
  margin-left: 1.0417vw;
}
.ml-25 {
  margin-left: 1.3021vw;
}
.mr-10 {
  margin-right: 0.5208vw;
}
.mr-15 {
  margin-right: 0.7813vw;
}
.mr-20 {
  margin-right: 1.0417vw;
}
.mr-30 {
  margin-right: 1.5625vw;
}
.mr-45 {
  margin-right: 2.3438vw;
}
.fcb {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fcc {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fec {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.f_wrap {
  flex-wrap: wrap;
}
.fShrink0 {
  flex-shrink: 0;
}
.f-36 {
  font-size: 1.875vw;
}
.f-28 {
  font-size: 1.4583vw;
}
.f-24 {
  font-size: 1.25vw;
}
.f-20 {
  font-size: 1.0417vw;
}
.f-18 {
  font-size: 0.9375vw;
}
.f-16 {
  font-size: 0.8333vw;
}
.f-14 {
  font-size: 0.7292vw;
}
.f-12 {
  font-size: 0.625vw;
}
.f-10 {
  font-size: 0.5208vw;
}
.f-bold {
  font-weight: bold;
}
li {
  list-style: none;
}
.ivu-page-options-sizer {
  margin-right: 0px;
}
.m5_m20 {
  margin: 5px 20px;
}
.w_120 {
  width: 120px;
}
.w_140 {
  width: 140px;
}
.flex_column_between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.flex_column_center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/** flex 相关,模仿 tailwindcss **/
.flex {
  display: flex;
}
.flex-col {
  flex-direction: column;
}
.items-center {
  align-items: center;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.justify-start {
  justify-content: flex-start;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.flex-1 {
  flex: 1 1 0%;
}
.red {
  color: #F91200;
}
::-webkit-scrollbar {
  width: 10px;
  /* 设置滚动条的宽度 */
}
::-webkit-scrollbar-thumb {
  background-color: rgba(191, 201, 206, 0.6);
  /* 设置滚动条滑块的颜色 */
  border-radius: 5px;
  /* 设置滚动条滑块的圆角 */
}
::-webkit-scrollbar-thumb:hover {
  background-color: #555;
  /* 设置滚动条滑块在悬停时的颜色 */
}
::-webkit-scrollbar-track {
  background-color: #eee;
  /* 设置滚动条背景的颜色 */
}
